<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>云染数据</title>
  <script>

    (function (doc, win) {
      var docEle = doc.documentElement,
        //evt = "onorientationchange" in window ? "orientationchange" : "resize";
        evt = "resize";
        fn = function () {
          var width = docEle.clientWidth;
          //console.log("width====", width);
          width && (docEle.style.fontSize = 100 * (width / 375) + "px");
          //console.log("docEle.style.fontSize====", docEle.style.fontSize);
        };

      win.addEventListener(evt, fn, false);
      doc.addEventListener("DOMContentLoaded", fn, false);

    })(document, window);
  </script>
  <style type="text/css">
    body {
      margin: 0px;
      padding: 0px;
      font-size:0.16rem;      
    }
  </style>
</head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
